株式会社ドリル Home > アメブロカスタマイズ > サイドバーのカスタマイズ

【アメブロカスタマイズ】Facebookページの「Like Box」をサイドバーに導入していいね!を増やそう

2013 01 08 1911

こんにちは、ドリル 鈴木です。
本日は、このブログでも導入したFacebookページの「Like Box」の導入方法について解説したいと思います。

 

ちなみに「Like Box」とは、記事の下の方にある、コメント欄とちょっと上、「Facebookもチェック」の所でFacebookページにいいね!してくれている人の一覧を表示する事で、読者のいいね!を促すツールです。

 

ただし注意点としては、これはFacebookページに対するいいね!で、ブログやホームページに対するいいね!ではありません。
なので、このカスタマイズを導入にあたり「Facebookページがある」事を前提で説明します。

 

それでは、スタートです。

Continue reading

【アメブロカスタマイズ】アメブロにソーシャルボタンを配置する (2/2) – サイドバーにソーシャルボタンを配置する

2013 01 08 1911

こんにちは、ドリル 鈴木です。
今回は読者の方から頂いたリクエストにお応えした、ソーシャルボタンを配置に関する説明の第2回になります。

 

1回目を記載時は、ヘッダーに配置するカスタマイズにしようと思っていたのですが、汎用性を考えてサイドバーへの配置に変更しました。
それに伴い、1回目の記事も一部変更していますので、再度確認をお願いします。

 

また、このカスタマイズはJavaScriptも利用していて、若干難易度が高くなっていますが、楽しいカスタマイズなので、ぜひチャレンジしてみて下さい。

 

それでは、スタートです。

Continue reading

【アメブロカスタマイズ】アメブロにソーシャルボタンを配置する (1/2) – ソーシャルボタンのHTMLを入手しよう

2013 01 08 1911

こんにちは、ドリル 鈴木です。
今回は、読者の方からのリクエストにお応えして、ブログに人気のソーシャルボタンを配置する方法に付いて説明したいと思います。

 

それぞれの記事にはソーシャルボタンがついていますが、 ブログ自体にはついていません。
ですので、これを機にブログ自体のソーシャルボタンを設置して、口コミでより多くの人に見てもらえる様にしては如何でしょうか。

 

ただ、記事が長くなってしまいそうなので、2回に分けてお届けします。
1回目の今回はソーシャルボタンのHTMLを取得する方法です。

 

それでは、スタートです。 

Continue reading

【アメブロカスタマイズ】サイドバーに2ヶ所以上にバナーを設置したい – フリースペースが1つじゃ足りない人の為に

2013 01 08 1911 こんにちは、ドリル 鈴木です。 今回は、コメントで頂いた質問について、アンサー記事になります。   サイドバーに使える項目で「フリースペース」があり、ここにはHTMLを記載してバナー等を設置する事ができます。 しかし、残念な事に「フリースペース」は1ヶ所しかありません。 そこで今回は、フリースペースを使い、2ヶ所以上にバナーを設置する方法をご紹介します。   JavaScriptを使用した、若干難易度の高いカスタマイズになっています。 それでは、スタートです。 Continue reading

【アメブロカスタマイズ】サイドバーにTwitterを表示して見出しを付けよう – コメント回答編

2013 01 08 1911

 

こんにちは、ドリル 鈴木です。
今回はコメントで質問頂きました内容から記事を作成しております。

 

ご質問頂きました「サイドバーに表示させたTwitterに見出しを付けたい」との事から、サイドバーにTwitterを表示させる方法から、それに他の項目同様の見出しをつける方法を解説致します。

 

Twitterの生成するコードを編集しますが、難易度は高くありませんので、がんばって下さい。
それでは、スタートです。 

Continue reading